﻿@model IList<string>
<style>
    .resizable { width: 40%; height: 150px; padding: 0.5em; float: left; margin: 20px }
    .resizable h3 { text-align: center; margin: 0; }
    .resizable ul { margin: 10px 5px; padding: 0; }
    .resizable li { list-style-type: none; margin: 0; padding: 0; }
</style>
<div id="tabs" class="jqgtabs">
    <ul>
        <li><a href="#tabs-1">桌面</a></li>
    </ul>
    <div id="tabs-1" style="height: 100%">
    <h3 style="text-align: center">使用手册</h3>
        <ul id="help">
        <li>点击左边功能栏将弹出对应功能的操作窗口</li>
        <li>每个具体的操作窗口按照功能不同，分别提供“添加”、“编辑”、“删除”、“查找”、“刷新”、“打印”以及其他特定功能</li>
        <li>这些功能的快捷按钮位于底端工具栏，也就是表单的左下角，依次排开</li>
        <li>具体操作功能类似，实际操作一下即可领会</li>
        </ul>
        @*<div class="resizable ui-widget-content" style="overflow: auto;">
            <h3 class="ui-widget-header">通知公告</h3><ul>
                @{
                    if (Model != null && Model.Count > 0) {
                        foreach (string s in Model) { 
                    <li>@Html.Raw(s)</li>
                        }
                    } else { 
                    <li>无提醒</li>
                    }
                }
            </ul>
        </div>
        <div class="resizable ui-widget-content" style="overflow: auto;">
            <h3 class="ui-widget-header">日程安排</h3>
        </div>
        <div class="resizable ui-widget-content" style="overflow: auto;">
            <h3 class="ui-widget-header">新闻信息</h3>
        </div>
        <div class="resizable ui-widget-content" style="overflow: auto;">
            <h3 class="ui-widget-header">资料下载</h3>
        </div>
        <div style="clear:both;"></div>*@
    </div>
</div>
<script type="text/javascript">
    jQuery(function () {
    @if(Roles.IsUserInRole("purchasemanagers")){
    <text>
        $.getJSON("/Depository/CheckDepository", function (data) {
            if (data.success) {
                $("#help").after("<p>无提醒</p>");
            } else {
                items = [];
                $.each(data.messages, function (index, value) {
                    items.push("<li>" + value.msg + "</li>");
                });
                $("#help").after($("<ul/>", { html: items.join("") }));
            }
        });
        </text>
        }

        //$("#resizable").resizable();
        var maintab = $('#tabs').tabs({
            add: function (e, ui) {
                // append close thingy
                $(ui.tab).parents('li:first')
                        .append('<span class="ui-tabs-close ui-icon ui-icon-close" title="Close Tab"></span>')
                        .find('span.ui-tabs-close')
                        .click(function () {
                            maintab.tabs('remove', $('li', maintab).index($(this).parents('li:first')[0]));
                        });
                // select just added tab
                maintab.tabs('select', '#' + ui.panel.id);
            },
            select: function (e, ui) {
                if (ui.tab.text == "桌面") {
                    $.each($(".lanmu li span"), function (i, n) {
                        $(n).parent().removeClass("clickbg");
                        return;
                    });
                }
                $.each($(".lanmu li span"), function (i, n) {
                    if ($(n).html() == ui.tab.text) {
                        $.each($(".lanmu li span"), function (i, n) {
                            $(n).parent().removeClass("clickbg");
                        });
                        $(this).parent().addClass("clickbg");
                    }
                });
            }
        });
    })
</script>
